<template>
  <div class="daily-detail">
    <logistics-detail v-if="tabsActive === '0'"></logistics-detail>
    <repair-detail v-if="tabsActive === '1'"></repair-detail>
    <expense-detail v-if="tabsActive === '2'"></expense-detail>
  </div>
</template>

<script>
import LogisticsDetail from './logistics/logisticsDetail.vue'
import RepairDetail from './repair/repairDetail.vue'
import ExpenseDetail from './expense/expenseDetail.vue'
export default {
  name: 'dailyDetail',
  components: {
    LogisticsDetail,
    RepairDetail,
    ExpenseDetail,
  },
  data() {
    return {
      tabsActive: '0',
    }
  },
  watch: {},
  created() {
    this.tabsActive = this.$route.query.active || this.$route.query.flag
  },
  mounted() {},
  destroyed() {},
  methods: {},
}
</script>

<style lang="scss" scoped>
.daily-detail {
  height: 100%;
}
</style>
